<div class="bs-docs-header" id="content">
	<div class="container">
		<div id="carousel-example-generic" class="carousel slide" data-ride="carousel">
		  <div class="carousel-inner">
			<div class="item active">
				<h1>Welcome to Essay Quiz</h1>
				<p>Sebelum mengerjakan soal baca petunjuk terlebih dahulu!</p>
				<br>
				<p><a class="btn btn-primary btn-lg" role="button">Mulai</a></p>
			</div>
			<div class="item">
			  <h1>Welcome to Essay Quiz</h1>
				<p>Sebelum mengerjakan soal baca petunjuk terlebih dahulu!</p>
				<br>
				<p><a class="btn btn-primary btn-lg" role="button">Mulai</a></p>
			</div>
			<div class="item">
			  <h1>Welcome to Essay Quiz</h1>
				<p>Sebelum mengerjakan soal baca petunjuk terlebih dahulu!</p>
				<br>
				<p><a class="btn btn-primary btn-lg" role="button">Mulai</a></p>
			</div>
		  </div>
		  
		  <ol class="carousel-indicators">
			<li data-target="#carousel-example-generic" data-slide-to="0" class="active"></li>
			<li data-target="#carousel-example-generic" data-slide-to="1" class=""></li>
			<li data-target="#carousel-example-generic" data-slide-to="2" class=""></li>
		  </ol>
		  
		  <a class="left carousel-control" href="#carousel-example-generic" data-slide="prev">
			<span class="glyphicon glyphicon-chevron-left"></span>
		  </a>
		  <a class="right carousel-control" href="#carousel-example-generic" data-slide="next">
			<span class="glyphicon glyphicon-chevron-right"></span>
		  </a>
	</div>
	</div>
</div>